<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>世北客科技 网站建设 微信小程序开发 app开发</title>
    <meta name="keywords" content="网站建设,微信小程序开发,app开发" />
    <meta name="description" content="徐州世北客网络科技有限公司,专注网站建设、微信小程序开发、APP开发." />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/main.css">
    <link rel="stylesheet" type="text/css" href="assets/css/slicknav.css">
    <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
    <link rel="stylesheet" media="screen" href="assets/awesome/css/font-awesome.min.css">
    <link rel="stylesheet" media="screen" href="assets/simple-line-icons/css/simple-line-icons.css">
    <link rel="stylesheet" type="text/css" href="assets/extras/owl/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="assets/extras/owl/owl.theme.css">
    <link rel="stylesheet" type="text/css" href="assets/extras/animate.css">
    <link rel="stylesheet" type="text/css" href="assets/extras/normalize.css">
    <link rel="stylesheet" type="text/css" href="assets/extras/green.css" media="screen" />
    <!--[if lt IE 9]>
    <script src="/assets/libs/html5shiv.js">
    </script>
    <script src="/assets/libs/respond.min.js">
    </script>
    <![endif]-->
</head>
<body>
  <div class="piaohong"></div>
<!-- Header area wrapper starts -->
<header id="header-wrap">
    
<header id="header-wrap">
    <nav class="navbar navbar-expand-md fixed-top scrolling-navbar nav-bg">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">
                    <img src="assets/img/logo.gif" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="main-menu">
                <ul class="navbar-nav mr-auto w-100 justify-content-end">
                    <li class="nav-item active">
                        <a class="nav-link active" href="index.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="goods/index.html">服务案例</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="custom/index.html">定制开发</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="jsgames/index.html">小游戏</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about/index.html">联系我们</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="tel:18005214594">
                            <i class="icon-call-in icons"></i>18005214594</a>
                    </li>
                </ul>
            </div>

            <ul class="wpb-mobile-menu">
                <li>
                    <a class="active" href="index.html">首页</a>
                </li>
                <li>
                    <a href="goods/index.html">服务案例</a>
                </li>
                <li>
                    <a href="custom/index.html">定制开发</a>
                </li>
                <li>
                    <a href="jsgames/index.html">小游戏</a>
                </li>
                <li>
                    <a href="about/index.html">联系我们</a>
                </li>
            </ul>
        </div>
    </nav>
</header>

    <!-- Main Carousel Section -->
    <div id="carousel-area">
        <div id="carousel-slider" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                    <img src="assets/img/slider/hindex.png" class="carousel-item-img" alt="">

                </div>
            </div>
        </div>
    </div>
</header>
<!-- Header-wrap Section End -->

<!-- Service Block-1 Section -->
<section id="service-block-main" class="section">
    <!-- Container Starts -->
    <div class="container">
        <h1 class="section-title wow fadeIn animated" data-wow-delay=".2s">
            世北客能做什么
        </h1>
        <p class="section-subcontent">我们为您提供互联网应用的解决之道</p>
        <div class="row">
            <div class="col-sm-6 col-md-3">
                <!-- Service-Block-1 Item Starts -->
                <div class="service-item wow fadeInUpQuick animated" data-wow-delay=".3s">
                    <div class="icon-wrapper">
                        <i class="fa fa-codepen pulse-shrink">
                        </i>
                    </div>
                    <h2>
                        高端品牌定制
                    </h2>
                    <p>
                        企业高端定制设计，为企业“量身定做”产品
                    </p>
                </div>
                <!-- Service-Block-1 Item Ends -->
            </div>

            <div class="col-sm-6 col-md-3">
                <!-- Service-Block-1 Item Starts -->
                <div class="service-item wow fadeInUpQuick animated" data-wow-delay=".6s">
                    <div class="icon-wrapper">
                        <i class="fa fa-html5 pulse-shrink">
                        </i>
                    </div>
                    <h2>
                        HTML5开发
                    </h2>
                    <p>
                        开发手机网站 / 电脑网站，解决多终端障碍
                    </p>
                </div>
                <!-- Service-Block-1 Item Ends -->
            </div>

            <div class="col-sm-6 col-md-3">
                <!-- Service-Block-1 Item Starts -->
                <div class="service-item wow fadeInUpQuick animated" data-wow-delay="0.9s">
                    <div class="icon-wrapper">
                        <i class="fa fa-apple pulse-shrink">
                        </i>
                    </div>
                    <h2>
                        APP应用程序
                    </h2>
                    <p>
                        基于iOS/Android应用开发，掌控智能终端
                    </p>
                </div>
                <!-- Service-Block-1 Item Ends -->
            </div>

            <div class="col-sm-6 col-md-3">
                <!-- Service-Block-1 Item Starts -->
                <div class="service-item  wow fadeInUpQuick animated" data-wow-delay="1.2s">
                    <div class="icon-wrapper">
                        <i class="fa fa-weixin pulse-shrink">
                        </i>
                    </div>
                    <h2>
                        微信公众号/小程序
                    </h2>
                    <p>
                        依托微信八亿活跃用户，拓展业务范围
                    </p>
                </div>
            </div><!-- Service-Block-1 Item Ends -->
        </div>
    </div><!-- Container Ends -->
</section><!-- Service Main Section Ends -->



<!-- Portfolio Section -->
<section id="portfolios" class="section">
    <!-- Container Starts -->
    <div class="container">
        <h1 class="section-title wow fadeInUpQuick" data-wow-delay=".3s">
            服务案例
        </h1>
        <p class="section-subcontent wow fadeInUpQuick" data-wow-delay=".4s">别人说故事，我们用作品说话，好的产品在于转化.</p>
        <!-- Portfolio Recent Projects -->
        <div id="portfolio" class="row">
                        <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix marketing planning">
                <div class="portfolio-item">
                    <div class="portfolio-img">
                        <img src="upload/20180528/a8dfc2e0e9bb8baa82441f9164bc77c9.png" alt="世北客科技官网PC版" />
                    </div>
                    <div class="portfoli-content">
                        <div class="sup-desc-wrap">
                            <div class="sup-desc-inner">
                                <div class="sup-link">
                                    <a class="left-link" href="goods/2.html"><i class="icon-link"></i></a>
                                </div>
                                <div class="sup-meta-wrap">
                                    <a class="sup-title" href="goods/2.html"><h4>世北客科技官网PC版</h4></a>
                                    <p class="sup-description">徐州世北客网络科技有限公司,专注网站建设、微信小程序开发、APP开发.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mix marketing planning">
                <div class="portfolio-item">
                    <div class="portfolio-img">
                        <img src="upload/20180528/d02b43c91351aa0bc50bfa9776be7497.png" alt="小程序 天顺蔬果" />
                    </div>
                    <div class="portfoli-content">
                        <div class="sup-desc-wrap">
                            <div class="sup-desc-inner">
                                <div class="sup-link">
                                    <a class="left-link" href="goods/1.html"><i class="icon-link"></i></a>
                                </div>
                                <div class="sup-meta-wrap">
                                    <a class="sup-title" href="goods/1.html"><h4>小程序 天顺蔬果</h4></a>
                                    <p class="sup-description">新鲜蔬果1h达，货到付款！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            


        </div>
        <div class="col-md-12">
            <!-- End Portfolio Recent Projects -->
            <div class="text-center loadmore-button wow fadeInUpQuick" data-wow-delay=".6s">
                <a href="goods/index.html" class="btn btn-common"><i class="fa fa-arrows"></i> 查看更多</a>
            </div>
        </div>
    </div>
    </div>
    <!-- Container Ends -->
</section>
<!-- Portfolio Section Ends -->

<!-- Featured Section Starts -->
<section id="featured" class="section">
    <!-- Container Starts -->
    <div class="container">
        <h1 class="section-title wow fadeInUpQuick">
            我们的服务
        </h1>
        <p class="section-subcontent">我们是您决胜于互联网的临门一脚</p>
        <div class="row">
            <!-- Start Service Icon 1 -->
            <div class="col-md-4 col-sm-6 wow fadeInUpQuick" data-wow-delay=".2s" data-animation="fadeIn" data-animation-delay="01">
                <div class="featured-box">
                    <div class="featured-icon">
                        <i class="icon-layers icons">
                        </i>
                    </div>
                    <div class="featured-content">
                        <h4>
                            量身定制
                        </h4>
                        <p>
                            多样化的解决方案。依据客户的行业特色、需求和预算制定最适合的解决方案。
                        </p>
                    </div>
                </div>
            </div>
            <!-- End featured Icon 1 -->
            <!-- Start featured Icon 1 -->
            <div class="col-md-4 col-sm-6 wow fadeInUpQuick" data-wow-delay=".4s" data-animation="fadeIn" data-animation-delay="01">
                <div class="featured-box">
                    <div class="featured-icon">
                        <i class="icon-diamond icons">
                        </i>
                    </div>
                    <div class="featured-content">
                        <h4>
                            技术团队
                        </h4>
                        <p>
                            十年的从业经验，深刻了解不同客户需求，无论您属于哪个行业，我们都准备好最完善的规划。
                        </p>
                    </div>
                </div>
            </div>
            <!-- End featured Icon 1 -->
            <!-- Start featured Icon 1 -->
            <div class="col-md-4 col-sm-6 wow fadeInUpQuick" data-wow-delay=".6s" data-animation="fadeIn" data-animation-delay="01">
                <div class="featured-box">
                    <div class="featured-icon">
                        <i class="fa fa-heartbeat">
                        </i>
                    </div>
                    <div class="featured-content">
                        <h4>
                            售后服务
                        </h4>
                        <p>
                            专业的服务态度与素质，及时的回复响应，完美解决客户的售后服务.
                        </p>
                    </div>
                </div>
            </div>
            <!-- End featured Icon 1 -->
            <!-- Start featured Icon 1 -->
            <div class="col-md-4 col-sm-6 wow fadeInUpQuick" data-wow-delay=".8s" data-animation="fadeIn" data-animation-delay="01">
                <div class="featured-box">
                    <div class="featured-icon">
                        <i class="fa fa-database">
                        </i>
                    </div>
                    <div class="featured-content">
                        <h4>
                            搭建部署
                        </h4>
                        <p>
                            协助客户部署项目至生产环境，解决小白用户的前期困难.
                        </p>
                    </div>
                </div>
            </div>
            <!-- End featured Icon 1 -->
            <!-- Start featured Icon 1 -->
            <div class="col-md-4 col-sm-6 wow fadeInUpQuick" data-wow-delay="1s" data-animation="fadeIn" data-animation-delay="01">
                <div class="featured-box">
                    <div class="featured-icon">
                        <i class="fa fa-universal-access">
                        </i>
                    </div>
                    <div class="featured-content">
                        <h4>
                            安全测评
                        </h4>
                        <p>
                            帮助客户加固服务器环境，处理代码安全漏洞，及时修复产品不足.
                        </p>
                    </div>
                </div>
            </div>
            <!-- End featured Icon 1 -->
            <!-- Start featured Icon 1 -->
            <div class="col-md-4 col-sm-6 wow fadeInUpQuick" data-wow-delay="1.2s" data-animation="fadeIn" data-animation-delay="01">
                <div class="featured-box">
                    <div class="featured-icon">
                        <i class="fa fa-cogs">
                        </i>
                    </div>
                    <div class="featured-content">
                        <h4>
                            托管维护
                        </h4>
                        <p>
                            完全的服务器托管服务，我们保障您的项目运行，让运营无忧
                        </p>
                    </div>
                </div>
            </div>
            <!-- End featured Icon 1 -->
        </div>
    </div>
    <!-- Container Ends -->
</section>
<!-- Featured Section Ends -->


<!-- Cool Facts Section -->
<section id="cool-facts" class="section">
    <!-- Container Starts -->
    <div class="container">
        <h1 class="section-title wow fadeInUpQuick">
            服务流程
        </h1>
        <p class="section-subcontent"> 透明的服务流程，科学化的开发流程，保证项目的成功实施，杜绝需求和成果不符的情况出现。</p>
        <!-- Row Starts -->
        <div class="row">
            <div class="col-sm-6 col-md-3 col-lg-3">
                <!-- Fact Block Starts -->
                <div class="fact-block clearfix wow fadeInUp" data-wow-delay="0.3s">
                    <div class="facts-item">
                        <i class="fa fa-quora"></i>
                        <div class="fact-count">
                            <h4>收集需求</h4>
                        </div>
                    </div>
                </div><!-- Fact Block Ends -->
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <!-- Fact Block Starts -->
                <div class="fact-block clearfix wow fadeInUp" data-wow-delay="0.6s">
                    <div class="facts-item">
                        <i class="fa fa-pencil-square-o"></i>
                        <div class="fact-count">
                            <h4>签定合同</h4>
                        </div>
                    </div>
                </div><!-- Fact Block Ends -->
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <!-- Fact Block Starts -->
                <div class="fact-block clearfix wow fadeInUp" data-wow-delay="0.9s">
                    <div class="facts-item">
                        <i class="fa fa-openid"></i>
                        <div class="fact-count">
                            <h4>制作开发</h4>
                        </div>
                    </div>
                </div><!-- Fact Block Ends -->
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <!-- Fact Block Starts -->
                <div class="fact-block clearfix wow fadeInUp" data-wow-delay="1.2s">
                    <div class="facts-item">
                        <i class="fa fa-heartbeat"></i>
                        <div class="fact-count">
                            <h4>验收售后</h4>
                        </div>
                    </div>
                </div><!-- Fact Block Ends -->
            </div>
        </div><!-- Row Ends -->
    </div><!-- Container Ends -->
</section>
<!-- Cool Facts Section End -->

<!-- Clients Section -->
<section id="clients" class="section">
    <!-- Container Ends -->
    <div class="container">
        <h1 class="section-title wow fadeInUpQuick" data-wow-delay=".5s">
            典型客户
        </h1>
        <p class="section-subcontent">世北客科技珍视每次合作、与众多客户互促共生，我们有经验/有态度</p>
        <div class="wow fadeInUpQuick" data-wow-delay="0.3s">
            <!-- Row and Scroller Wrapper Starts -->
            <div class="row" id="image-carousel">
                <div class="client-item-wrapper">
                    <img src="assets/img/clients/3.png" alt="">
                </div>
                <div class="client-item-wrapper">
                    <img src="assets/img/clients/4.png" alt="">
                </div>
            </div><!-- Row and Scroller Wrapper Starts -->
        </div>
    </div><!-- Container Ends -->
</section>
<!-- Client Section End -->

<!-- Footer Section -->
<footer>
    <div class="container">
        <!-- Row Starts -->
        <div class="row section footer">
            <span class="tweet-date">友情链接：</span>
                        <a href="index.html" target="_blank">世北客科技</a>
                        <a href="http://www.tenbaylor.cn" target="_blank">汪继忠个人博客</a>
                    </div>
    </div>
    <div id="copyright">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <p class="copyright-text">
                    ©  2022 徐州世北客网络科技有限公司. All right reserved.
                </p>
            </div>
            <div class="col-md-6  col-sm-6">
                <ul class="nav nav-inline  justify-content-end ">
                    <li class="nav-item">
                      <a target="_blank" class="nav-link active" target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">苏ICP备2021032947号-1</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</footer>
<!-- Footer Section End-->

<a href="index.html#" class="back-to-top">
    <i class="fa fa-angle-up">
    </i>
</a>

<script src="assets/js/jquery-min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>

<script src="assets/js/jquery.mixitup.js"></script>
<script src="assets/js/smoothscroll.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/owl.carousel.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/jquery.slicknav.js"></script>
<script src="assets/js/jquery.appear.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>